<template>
  <div class="main_box">
    <el-form :inline="true" :model="listQuery" class="demo-form-inline" size="small">
      <el-form-item style="width: 280px;">
        <el-input v-model="listQuery.test" placeholder="搜索模块名称、用户、订单号等关键词"></el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onSubmit">搜索</el-button>
      </el-form-item>
    </el-form>
    <div class="timeline_box">
      <div class="cont">
        <Timeline/>
      </div>
    </div>
  </div>
</template>

<script>
  import Timeline from '@/components/timeline/index';

  const listQuery = {};
  export default {
    components: {
      Timeline
    },
    data() {
      return {
        listQuery: Object.assign({}, listQuery)
      }
    },
  }
</script>

<style scoped lang="scss">
  .main_box {

    .el-form--inline /deep/ .el-form-item__content {
      display: block;
    }

    .timeline_box {

      .cont {
        width: 500px;
      }

    }
  }
</style>
